<!DOCTYPE html>
<html class="no-js" lang="cn">
  <head>
    <meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>博妍装饰公装装修案例分享|近20年公装设计施工一体化经验，带来可靠的装修服务-专注一站式商业空间装修,装修公司-浙江博妍装饰</title>
<meta name="description" content="博妍装饰专注商业空间装修17年，提供设计施工一体化服务。为您提供餐饮、办公室、会所、健身空间、店铺、酒店、台球室等商业空间装修实景案例，为企业客户提供专业可靠的装修设计解决方案。" />
<meta name="keywords" content="商业空间装修案例, 办公室装修案例, 餐饮装修案例, 酒店装修案例, 医美装修案例, 教育培训装修案例, 健身房装修案例, 展厅装修案例, 门店装修案例" />


<link rel="stylesheet" href="/static/mb1017/module/fontawesome-free-5.15.4-web/css/all.min.css" />
<link rel="stylesheet" href="/static/mb1017/module/swiper/swiper-bundle.min.css">
<link rel="stylesheet" href="/static/mb1017/module/css/animate.css" />
<script src="/static/mb1017/module/jquery-2.1.4.min.js"></script>
<script src="/static/mb1017/module/countup.js"></script>
<link href="/static/mb1017/module/aos/aos.css" rel="stylesheet">
<script src="/static/mb1017/module/aos/aos.js"></script>
<script src="/static/mb1017/module/swiper/swiper-bundle.min.js"></script>
<script src="/static/mb1017/module/vivus.min.js"></script>
<meta name="baidu-site-verification" content="codeva-tB7LFHaHgz" />
		
    <link rel="stylesheet" href="/static\common\module/uikit/css/uikit.min.css" />
    <script src="\static\common\module/uikit/js/uikit.min.js"></script>
    <script src="\static\common\module/uikit/js/uikit-icons.min.js"></script>
<link rel="stylesheet" href="\static\common\module/layui/css/layui.css?v2.5.6">
<script src="\static\common\module/layui/layui.js"></script>
		
<script src="/static/mb1017/module/js.js"></script>
<link rel="stylesheet" href="/static/mb1017/module/css/style.min.css" />


<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?e1de4fad6e09c6b77fe334a74057f630";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>


  </head>
   <body>
    <h1 style="visibility: hidden;height: 0;overflow: hidden;">
	专注一站式商业空间装修,装修公司-浙江博妍装饰</h1>


<header class="header">
  <div class="header-container header-top">
    <div class="logo">
      <a href="https://www.boyanzs.com" title="专注一站式商业空间装修,装修公司-浙江博妍装饰">
        <img src="/static/cms/static/images/logo.png" alt="专注一站式商业空间装修,装修公司-浙江博妍装饰">
      </a>
    </div>

    <div class="header-tools">

      <!-- 你新增的 dropdown -->
      <div class="dropdown-wrap">
        <img src="/static/upload/image/local.png" alt="logo" class="icon" />

        <div class="dropdown">
          <button class="dropdown-btn">博妍装饰</button>

          <div class="dropdown-menu">
            <a href="#">合肥</a>
            <a href="#">宁波</a>
            <a href="#">南京</a>
            <a href="#">昆明</a>
            <a href="#">苏州</a>
            <a href="#">上海</a>
          </div>
        </div>
      </div>

      <div class="tool-item search-tool">
        <i class="layui-icon layui-icon-search tool-icon"></i>
      </div>

      <div class="tool-item contact-tool">
        <div class="contact-row">
          <span class="contact-icon">☎</span>
          <span class="contact-text">
            全国热线：
            <span class="contact-tel">400-0571-135</span>
          </span>
        </div>

        <div class="contact-row">
          <span class="contact-icon">✆</span>
          <span class="contact-text">
            售后专线：
            <span class="contact-tel">0571-88984199</span>
          </span>
        </div>
      </div>

      <button class="mobile-menu-toggle hide-on-desktop">
        <i class="layui-icon layui-icon-spread-left"></i>
      </button>
    </div>
  </div>

<hr style="width:72%;border:0;border-top:1px solid #eee;margin:0 auto;">
  <div class="header-container header-nav">
    <nav class="main-nav">
      <ul class="nav-list">
        <li class="nav-item">
          <a href="https://www.boyanzs.com" class="nav-link " title="网站首页">网站首页</a>
        </li>
                              <li class="nav-item">
                              <a href="https://www.boyanzs.com/about-us.html" class="nav-link dropdown-toggle " title="关于我们">关于我们</a>
                <div class="dropdown-menu">
                                                            <a href="https://www.boyanzs.com/about-us.html" class="dropdown-item" title="关于博妍">关于博妍</a>
                                                                                <a href="https://www.boyanzs.com/timeline.html" class="dropdown-item" title="发展历程">发展历程</a>
                                                                                <a href="/about-us.html" class="dropdown-item" title="企业介绍">企业介绍</a>
                                                                                <a href="https://www.boyanzs.com/Honors_Certifications.html" class="dropdown-item" title="荣誉资质">荣誉资质</a>
                                                      </div>
                          </li>
                                                                                                                <li class="nav-item">
                              <a href="https://www.boyanzs.com/career.html" class="nav-link dropdown-toggle " title="事业领域">事业领域</a>
                <div class="dropdown-menu">
                                                            <a href="https://www.boyanzs.com/byrz.html" class="dropdown-item" title="博妍软装">博妍软装</a>
                                                                                <a href="https://www.boyanzs.com/bynt32.html" class="dropdown-item" title="博妍暖通">博妍暖通</a>
                                                                                <a href="https://www.boyanzs.com/bykj33.html" class="dropdown-item" title="博妍科技">博妍科技</a>
                                                                                <a href="https://www.boyanzs.com/byxf34.html" class="dropdown-item" title="博妍消防">博妍消防</a>
                                                                                <a href="https://www.boyanzs.com/byjh35.html" class="dropdown-item" title="博妍净化">博妍净化</a>
                                                                                <a href="https://www.boyanzs.com/bycs36.html" class="dropdown-item" title="博妍财税">博妍财税</a>
                                                      </div>
                          </li>
                                                                                                                                                    <li class="nav-item">
                              <a href="https://www.boyanzs.com/sjtd.html" class="nav-link dropdown-toggle " title="设计团队">设计团队</a>
                <div class="dropdown-menu">
                                                            <a href="https://www.boyanzs.com/sjtd.html" class="dropdown-item" title="设计团队">设计团队</a>
                                                                                            </div>
                          </li>
                                                                            <li class="nav-item">
                              <a href="https://www.boyanzs.com/product.html" class="nav-link dropdown-toggle active" title="经典案例">经典案例</a>
                <div class="dropdown-menu">
                                                            <a href="https://www.boyanzs.com/bgkj.html" class="dropdown-item" title="办公空间">办公空间</a>
                                                                                <a href="https://www.boyanzs.com/jdgy.html" class="dropdown-item" title="酒店公寓">酒店公寓</a>
                                                                                <a href="https://www.boyanzs.com/cykj.html" class="dropdown-item" title="餐饮空间">餐饮空间</a>
                                                                                <a href="https://www.boyanzs.com/jypx.html" class="dropdown-item" title="教育培训">教育培训</a>
                                                                                <a href="https://www.boyanzs.com/ylmr.html" class="dropdown-item" title="医疗美容">医疗美容</a>
                                                                                <a href="https://www.boyanzs.com/ydjs.html" class="dropdown-item" title="运动健身">运动健身</a>
                                                                                <a href="https://www.boyanzs.com/tsdp.html" class="dropdown-item" title="特色店铺">特色店铺</a>
                                                                                <a href="https://www.boyanzs.com/syzt.html" class="dropdown-item" title="商业展厅">商业展厅</a>
                                                                                <a href="https://www.boyanzs.com/ylxx.html" class="dropdown-item" title="娱乐休闲">娱乐休闲</a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>
                          </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="nav-item">
                              <a href="https://www.boyanzs.com/news.html" class="nav-link dropdown-toggle " title="新闻动态">新闻动态</a>
                <div class="dropdown-menu">
                                                            <a href="https://www.boyanzs.com/znxw.html" class="dropdown-item" title="公司新闻">公司新闻</a>
                                                                                <a href="https://www.boyanzs.com/xyxw.html" class="dropdown-item" title="装修百科">装修百科</a>
                                                                                <a href="https://www.boyanzs.com/xydt26.html" class="dropdown-item" title="行业动态">行业动态</a>
                                                      </div>
                          </li>
                                                                                              <li class="nav-item">
                              <a href="https://www.boyanzs.com/contact.html" class="nav-link " title="联系我们">联系我们</a>
                          </li>
                                                                                                </ul>
    </nav>
  </div>
</header>


<div class="mobile-nav-overlay"></div>

<div class="mobile-nav">
  <div class="mobile-nav-header">
    <div class="mobile-logo">
      <img src="/static/cms/static/images/logo.png" alt="专注一站式商业空间装修,装修公司-浙江博妍装饰">
    </div>
    <button class="mobile-nav-close">
      <i class="layui-icon layui-icon-close"></i>
    </button>
  </div>

  <div class="mobile-nav-content">
    <ul class="mobile-nav-list">

      <!-- 首页 -->
      <li class="mobile-nav-item">
        <a href="https://www.boyanzs.com" class="mobile-nav-link ">
          网站首页        </a>
      </li>

      <!-- 循环栏目 -->
                        <li class="mobile-nav-item ">

            
              <!-- 一级：文字可点击，箭头展开 -->
              <div class="mobile-nav-row">
                <a href="https://www.boyanzs.com/about-us.html" class="mobile-nav-link">
                  关于我们                </a>
                <span class="mobile-nav-toggle" aria-label="展开子菜单"></span>
              </div>

              <!-- 子菜单 -->
              <ul class="mobile-submenu">
                                                      <li>
                      <a href="https://www.boyanzs.com/about-us.html" class="mobile-submenu-link">
                        关于博妍                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/timeline.html" class="mobile-submenu-link">
                        发展历程                      </a>
                    </li>
                                                                        <li>
                      <a href="/about-us.html" class="mobile-submenu-link">
                        企业介绍                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/Honors_Certifications.html" class="mobile-submenu-link">
                        荣誉资质                      </a>
                    </li>
                                                </ul>

            
          </li>
                                                                                        <li class="mobile-nav-item ">

            
              <!-- 一级：文字可点击，箭头展开 -->
              <div class="mobile-nav-row">
                <a href="https://www.boyanzs.com/career.html" class="mobile-nav-link">
                  事业领域                </a>
                <span class="mobile-nav-toggle" aria-label="展开子菜单"></span>
              </div>

              <!-- 子菜单 -->
              <ul class="mobile-submenu">
                                                      <li>
                      <a href="https://www.boyanzs.com/byrz.html" class="mobile-submenu-link">
                        博妍软装                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/bynt32.html" class="mobile-submenu-link">
                        博妍暖通                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/bykj33.html" class="mobile-submenu-link">
                        博妍科技                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/byxf34.html" class="mobile-submenu-link">
                        博妍消防                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/byjh35.html" class="mobile-submenu-link">
                        博妍净化                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/bycs36.html" class="mobile-submenu-link">
                        博妍财税                      </a>
                    </li>
                                                </ul>

            
          </li>
                                                                                                                    <li class="mobile-nav-item ">

            
              <!-- 一级：文字可点击，箭头展开 -->
              <div class="mobile-nav-row">
                <a href="https://www.boyanzs.com/sjtd.html" class="mobile-nav-link">
                  设计团队                </a>
                <span class="mobile-nav-toggle" aria-label="展开子菜单"></span>
              </div>

              <!-- 子菜单 -->
              <ul class="mobile-submenu">
                                                      <li>
                      <a href="https://www.boyanzs.com/sjtd.html" class="mobile-submenu-link">
                        设计团队                      </a>
                    </li>
                                                                                  </ul>

            
          </li>
                                                            <li class="mobile-nav-item active">

            
              <!-- 一级：文字可点击，箭头展开 -->
              <div class="mobile-nav-row">
                <a href="https://www.boyanzs.com/product.html" class="mobile-nav-link">
                  经典案例                </a>
                <span class="mobile-nav-toggle" aria-label="展开子菜单"></span>
              </div>

              <!-- 子菜单 -->
              <ul class="mobile-submenu">
                                                      <li>
                      <a href="https://www.boyanzs.com/bgkj.html" class="mobile-submenu-link">
                        办公空间                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/jdgy.html" class="mobile-submenu-link">
                        酒店公寓                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/cykj.html" class="mobile-submenu-link">
                        餐饮空间                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/jypx.html" class="mobile-submenu-link">
                        教育培训                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/ylmr.html" class="mobile-submenu-link">
                        医疗美容                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/ydjs.html" class="mobile-submenu-link">
                        运动健身                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/tsdp.html" class="mobile-submenu-link">
                        特色店铺                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/syzt.html" class="mobile-submenu-link">
                        商业展厅                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/ylxx.html" class="mobile-submenu-link">
                        娱乐休闲                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/hbd.html" class="mobile-submenu-link">
                        烘焙店                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/qcmr.html" class="mobile-submenu-link">
                        汽车美容                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/sys.html" class="mobile-submenu-link">
                        实验室                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/nzd.html" class="mobile-submenu-link">
                        女装店                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/pjd.html" class="mobile-submenu-link">
                        皮具店                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/xzdzd55.html" class="mobile-submenu-link">
                        西装定制店                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/zyg.html" class="mobile-submenu-link">
                        中医馆                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/cs.html" class="mobile-submenu-link">
                        超市                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/tqt46.html" class="mobile-submenu-link">
                        台球厅                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/rld.html" class="mobile-submenu-link">
                        日料店                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/zbd.html" class="mobile-submenu-link">
                        珠宝店                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/mjd.html" class="mobile-submenu-link">
                        美甲店                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/jbjg.html" class="mobile-submenu-link">
                        酒吧酒馆                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/kqzs.html" class="mobile-submenu-link">
                        口腔诊所                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/cwd.html" class="mobile-submenu-link">
                        宠物店                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/zbkj25.html" class="mobile-submenu-link">
                        直播空间                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/chs.html" class="mobile-submenu-link">
                        茶会所                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/gy37.html" class="mobile-submenu-link">
                        公寓                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/djjd.html" class="mobile-submenu-link">
                        电竞酒店                      </a>
                    </li>
                                                </ul>

            
          </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="mobile-nav-item ">

            
              <!-- 一级：文字可点击，箭头展开 -->
              <div class="mobile-nav-row">
                <a href="https://www.boyanzs.com/news.html" class="mobile-nav-link">
                  新闻动态                </a>
                <span class="mobile-nav-toggle" aria-label="展开子菜单"></span>
              </div>

              <!-- 子菜单 -->
              <ul class="mobile-submenu">
                                                      <li>
                      <a href="https://www.boyanzs.com/znxw.html" class="mobile-submenu-link">
                        公司新闻                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/xyxw.html" class="mobile-submenu-link">
                        装修百科                      </a>
                    </li>
                                                                        <li>
                      <a href="https://www.boyanzs.com/xydt26.html" class="mobile-submenu-link">
                        行业动态                      </a>
                    </li>
                                                </ul>

            
          </li>
                                                                          <li class="mobile-nav-item ">

            
              <!-- 没有子菜单的一级 -->
              <a href="https://www.boyanzs.com/contact.html" class="mobile-nav-link ">
                联系我们              </a>

            
          </li>
                                                                      
    </ul>
  </div>
</div>


<div class="search-sidebar">
  <div class="search-sidebar-header">
    <h3 class="search-sidebar-title">搜索产品</h3>
    <button class="search-close">
      <i class="layui-icon layui-icon-close"></i>
    </button>
  </div>
  <div class="search-sidebar-content">
    <form class="search-sidebar-form" action="https://www.boyanzs.com/searchAll" method="GET">
      <input name="molds[]" type="hidden" value="article" />
      <input name="molds[]" type="hidden" value="product" />
      <div class="search-input-wrapper">
        <input type="text" name="word" class="search-sidebar-input" placeholder="请输入搜索关键字">
        <button type="submit" class="search-sidebar-button">
          <i class="layui-icon layui-icon-search"></i>
        </button>
      </div>
    </form>
    <div class="search-categories">
      <h4>热门分类</h4>
      <div class="search-category-list">
                              <a href="https://www.boyanzs.com/about-us.html" class="search-category-item">关于我们</a>
                                                                                                                <a href="https://www.boyanzs.com/career.html" class="search-category-item">事业领域</a>
                                                                                                                                                    <a href="https://www.boyanzs.com/sjtd.html" class="search-category-item">设计团队</a>
                                                                            <a href="https://www.boyanzs.com/product.html" class="search-category-item">经典案例</a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <a href="https://www.boyanzs.com/news.html" class="search-category-item">新闻动态</a>
                                                                                              <a href="https://www.boyanzs.com/contact.html" class="search-category-item">联系我们</a>
                                                                                                </div>
    </div>
  </div>
</div>

  <script src="/static/common/md5.js" charset="utf-8"></script>
<div id="loginForm" style="display: none; padding: 0;">
  <form class="layui-form" method="POST" action="https://www.boyanzs.com/login/index.html" onsubmit="return checklogin(this)">
    <div class="demo-login-container">
      <h2 class="login-title">用户登录</h2>
      <input id="isremember" name="isremember" value="0" type="hidden" />
      <input id="token" name="token" value="" type="hidden" />
      
      <div class="layui-form-item">
        <div class="layui-input-wrap">
          <div class="layui-input-prefix">
            <i class="layui-icon layui-icon-username"></i>
          </div>
          <input type="text" name="tel" id="tel" value="" lay-verify="required" placeholder="请输入手机号/邮箱" lay-reqtext="请填写账户" autocomplete="off" class="layui-input" lay-affix="clear">
        </div>
      </div>
      
      <div class="layui-form-item">
        <div class="layui-input-wrap">
          <div class="layui-input-prefix">
            <i class="layui-icon layui-icon-password"></i>
          </div>
          <input type="password" name="password" id="password" value="" lay-verify="required" placeholder="请输入您的密码" lay-reqtext="请填写密码" autocomplete="off" class="layui-input" lay-affix="eye">
        </div>
      </div>
      
            <div class="layui-form-item">
        <div class="layui-row">
          <div class="layui-col-xs7">
            <div class="layui-input-wrap">
              <div class="layui-input-prefix">
                <i class="layui-icon layui-icon-vercode"></i>
              </div>
              <input type="text" name="vercode" id="yzm" value="" lay-verify="required" placeholder="验证码" lay-reqtext="请填写验证码" autocomplete="off" class="layui-input" lay-affix="clear">
            </div>
          </div>
          <div class="layui-col-xs5">
            <div style="margin-left: 10px;">
              <img src="https://www.boyanzs.com/common/vercode/code_name/login_vercode/r/262.html" onclick="this.src=this.src+'?'+Math.random()" style="height:38px; width: 100%; cursor: pointer; border-radius: 4px;">
            </div>
          </div>
        </div>
      </div>
            
      <div class="layui-form-item">
        <input type="checkbox" name="remember" id="jz_login" lay-skin="primary" title="记住密码">
        <a href="https://www.boyanzs.com/Login/forget.html" style="float: right; margin-top: 7px; color: #667eea; font-size: 12px;">忘记密码？</a>
        <a href="https://www.boyanzs.com/login/register.html" style="float: right; margin-top: 7px; margin-right: 10px; color: #667eea; font-size: 12px;">注册账号</a>
      </div>
      
      <div class="layui-form-item">
        <button type="submit" class="layui-btn layui-btn-fluid" lay-submit lay-filter="demo-login">登录</button>
      </div>
      
          </div>
  </form>
</div>


<div class="overlay"></div>

<style>

.demo-login-container {
  width: 320px; 
  margin: 21px auto 0;
}

.login-title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}

.demo-login-other .layui-icon {
  position: relative; 
  display: inline-block; 
  margin: 0 2px; 
  top: 2px; 
  font-size: 26px;
}


@media (max-width: 768px) {
  .demo-login-container {
    width: 90%;
    margin: 10px auto 0;
  }
}


.layui-btn-fluid {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
}

.layui-btn-fluid:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}

.layui-btn-normal {
  background: #07C160;
  border-color: #07C160;
}

.layui-btn-normal:hover {
  background: #06A050;
  border-color: #06A050;
}
</style>

<script>

function setCookie(name,value,day) {
  var Days = parseInt(day);
  var exp = new Date();
  exp.setTime(exp.getTime() + Days*24*60*60*1000);
  document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

function getCookie(name) {
  var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
  if(arr=document.cookie.match(reg)){
    return unescape(arr[2]);
  }else{
    return null;
  }
}


$(function(){

  function fillLoginForm($form) {
    var name = getCookie('jizhi_username');
    var jizhi_login_token = getCookie('jizhi_login_token');
    if(name != null && jizhi_login_token != null){
      $form.find('input[name="tel"]').val(name);
      $form.find('input[name="password"]').val(jizhi_login_token);
    }
  }
  

  $('.popup-login-form').each(function() {
    fillLoginForm($(this));
  });
  

  $('.user-tool').off('click.login').on('click.login', function() {
    layui.use(['layer', 'form'], function(){
      var layer = layui.layer;
      var form = layui.form;
      
      // 检测是否为移动端
      var isMobile = window.innerWidth <= 768;
      
      var loginIndex = layer.open({
        type: 1,
        title: false,
        closeBtn: 1,
        area: isMobile ? ['100%', '100%'] : ['420px', 'auto'],
        skin: isMobile ? 'layui-layer-login-mobile' : '',
        shade: 0.5,
        shadeClose: true,
        content: $('#loginForm').html(),
        success: function(layero, index) {
          // 重新渲染表单
          form.render();
          
          // 自动填充Cookie中的用户名和密码
          var name = getCookie('jizhi_username');
          var jizhi_login_token = getCookie('jizhi_login_token');
          if(name != null && jizhi_login_token != null){
            layero.find('input[name="tel"]').val(name);
            layero.find('input[name="password"]').val(jizhi_login_token);
          }
          
          // layui表单提交监听
          form.on('submit(demo-login)', function(data){
            var field = data.field;
            var $form = layero.find('form');
            var $tel = $form.find('input[name="tel"]');
            var $password = $form.find('input[name="password"]');
            var $yzm = $form.find('input[name="vercode"]');
            var $jz_login = $form.find('input[name="remember"]');
            var $isremember = $form.find('input[name="isremember"]');
            
            // 验证必填字段
            if($.trim($tel.val())=='' || $.trim($password.val())==''){
              layer.msg('账号密码不能为空~', {icon: 2});
              return false;
            }
            
            // 验证码验证
            if($yzm.length > 0 && $.trim($yzm.val())==''){
              layer.msg('验证码不能为空~', {icon: 2});
              return false;
            }
            
            // 处理记住密码
            if($jz_login.is(":checked")){
              $isremember.val(1);
              setCookie('jizhi_username',$tel.val(),7);
              setCookie('jizhi_login_token',$password.val(),7);
            }else{
              $isremember.val(0);
            }
            
            // 密码加密
            $password.val(hex_md5($password.val()));
            
            // 提交表单
            $form[0].submit();
            return false; // 阻止layui默认提交
          });
        }
      });
    });
  });
});

function wechat_login(){
  window.location.href="https://www.boyanzs.com/Wechat/login.html";
}
</script>

	<link rel="stylesheet" href="/static/mb1017/module/css/by-feature.css">
<section class="about-hero-section"
    style="
                    background:url(/static/upload/2025/12/03/202512037747.jpg) center center no-repeat;background-size:cover;
        {elseif($topclass['litpic'])}
            background:url(/static/upload/2025/12/03/202512037747.jpg) center center no-repeat;background-size:cover;
            "
>
    <div class="uk-container uk-container-xlarge">
        <div class="hero-content">
            <h1 class="hero-title">经典案例</h1>
            <p class="hero-subtitle"><a href="https://www.boyanzs.com">首页</a>  &gt;  <a href="https://www.boyanzs.com/product.html">经典案例</a></p>
        </div>
    </div>
</section>



<div class="pape_bg colmp">
	<div class="w">
		

<div class="case-nav">
    <div class="case-nav-row">
        <div class="case-nav-title">
            经典案例        </div>

        <ul class="case-nav-list">
                                    <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/bgkj.html">办公空间</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/jdgy.html">酒店公寓</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/cykj.html">餐饮空间</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/jypx.html">教育培训</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/ylmr.html">医疗美容</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/ydjs.html">运动健身</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/tsdp.html">特色店铺</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/syzt.html">商业展厅</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/ylxx.html">娱乐休闲</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/hbd.html">烘焙店</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/qcmr.html">汽车美容</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/sys.html">实验室</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/nzd.html">女装店</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/pjd.html">皮具店</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/xzdzd55.html">西装定制店</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/zyg.html">中医馆</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/cs.html">超市</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/tqt46.html">台球厅</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/rld.html">日料店</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/zbd.html">珠宝店</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/mjd.html">美甲店</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/jbjg.html">酒吧酒馆</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/kqzs.html">口腔诊所</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/cwd.html">宠物店</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/zbkj25.html">直播空间</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/chs.html">茶会所</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/gy37.html">公寓</a>
            </li>
                                                <li class="case-nav-item ">
                <a href="https://www.boyanzs.com/djjd.html">电竞酒店</a>
            </li>
                                </ul>
    </div>
</div>


		
		<div class="pape_r">
			<div class="pape_op">
				<h3>
					经典案例装修设计
				</h3>
				<div class="fr">
					<a href="https://www.boyanzs.com">首页</a>  &gt;  <a href="https://www.boyanzs.com/product.html">经典案例</a>				</div>
			</div>

    <div class="news-pics">
                <div class="news-pic-item">
            <a href="https://www.boyanzs.com/nzd/289.html" title="杭州定制化女装店装修设计">
                <div class="img "><img src="/static/upload/2025/12/30/202512308702.jpg" alt="杭州定制化女装店装修设计"></div>
                <div class="news-pic-date">2025-12-30</div>
                <div class="news-pic-title">杭州定制化女装店装修设计</div>
            </a>
        </div>
                <div class="news-pic-item">
            <a href="https://www.boyanzs.com/nzd/288.html" title="杭州日式侘寂风女装店装修设计">
                <div class="img "><img src="/static/upload/2025/12/30/202512309525.jpg" alt="杭州日式侘寂风女装店装修设计"></div>
                <div class="news-pic-date">2025-12-30</div>
                <div class="news-pic-title">杭州日式侘寂风女装店装修设计</div>
            </a>
        </div>
                <div class="news-pic-item">
            <a href="https://www.boyanzs.com/nzd/287.html" title="杭州高端女装店装修设计">
                <div class="img "><img src="/static/upload/2025/12/30/202512303970.jpg" alt="杭州高端女装店装修设计"></div>
                <div class="news-pic-date">2025-12-30</div>
                <div class="news-pic-title">杭州高端女装店装修设计</div>
            </a>
        </div>
                <div class="news-pic-item">
            <a href="https://www.boyanzs.com/xzdzd55/286.html" title="杭州高端西装店装修设计">
                <div class="img "><img src="/static/upload/2025/12/30/202512304274.jpg" alt="杭州高端西装店装修设计"></div>
                <div class="news-pic-date">2025-12-30</div>
                <div class="news-pic-title">杭州高端西装店装修设计</div>
            </a>
        </div>
                <div class="news-pic-item">
            <a href="https://www.boyanzs.com/tsdp/285.html" title="杭州户外集合店铺装修设计">
                <div class="img "><img src="/static/upload/2025/12/30/202512309827.jpg" alt="杭州户外集合店铺装修设计"></div>
                <div class="news-pic-date">2025-12-30</div>
                <div class="news-pic-title">杭州户外集合店铺装修设计</div>
            </a>
        </div>
                <div class="news-pic-item">
            <a href="https://www.boyanzs.com/nzd/284.html" title="杭州小户型女装店装修设计">
                <div class="img "><img src="/static/upload/2025/12/30/202512302851.jpg" alt="杭州小户型女装店装修设计"></div>
                <div class="news-pic-date">2025-12-30</div>
                <div class="news-pic-title">杭州小户型女装店装修设计</div>
            </a>
        </div>
                <div class="news-pic-item">
            <a href="https://www.boyanzs.com/tsdp/283.html" title="杭州运动户外用品店铺装修设计">
                <div class="img "><img src="/static/upload/2025/12/30/202512306225.png" alt="杭州运动户外用品店铺装修设计"></div>
                <div class="news-pic-date">2025-12-30</div>
                <div class="news-pic-title">杭州运动户外用品店铺装修设计</div>
            </a>
        </div>
                <div class="news-pic-item">
            <a href="https://www.boyanzs.com/tsdp/282.html" title="杭州户外运动服装店装修设计">
                <div class="img "><img src="/static/upload/2025/12/30/202512308988.png" alt="杭州户外运动服装店装修设计"></div>
                <div class="news-pic-date">2025-12-30</div>
                <div class="news-pic-title">杭州户外运动服装店装修设计</div>
            </a>
        </div>
                <div class="news-pic-item">
            <a href="https://www.boyanzs.com/nzd/281.html" title="杭州国潮女装店装修设计">
                <div class="img "><img src="/static/upload/2025/12/30/202512302491.jpg" alt="杭州国潮女装店装修设计"></div>
                <div class="news-pic-date">2025-12-30</div>
                <div class="news-pic-title">杭州国潮女装店装修设计</div>
            </a>
        </div>
                <div class="news-pic-item">
            <a href="https://www.boyanzs.com/nzd/280.html" title="杭州极简风女装店装修设计">
                <div class="img "><img src="/static/upload/2025/12/30/202512304383.jpg" alt="杭州极简风女装店装修设计"></div>
                <div class="news-pic-date">2025-12-30</div>
                <div class="news-pic-title">杭州极简风女装店装修设计</div>
            </a>
        </div>
                <div class="news-pic-item">
            <a href="https://www.boyanzs.com/nzd/279.html" title="杭州快时尚女装店装修设计">
                <div class="img "><img src="/static/upload/2025/12/30/202512304581.jpg" alt="杭州快时尚女装店装修设计"></div>
                <div class="news-pic-date">2025-12-30</div>
                <div class="news-pic-title">杭州快时尚女装店装修设计</div>
            </a>
        </div>
                <div class="news-pic-item">
            <a href="https://www.boyanzs.com/nzd/278.html" title="杭州法式浪漫女装店装修设计">
                <div class="img "><img src="/static/upload/2025/12/30/202512307347.jpeg" alt="杭州法式浪漫女装店装修设计"></div>
                <div class="news-pic-date">2025-12-30</div>
                <div class="news-pic-title">杭州法式浪漫女装店装修设计</div>
            </a>
        </div>
            </div>

<div class="paging">
<ul class="uk-pagination uk-flex-center uk-margin-large-top">
  <li class="uk-disabled">
    <a href=""><span uk-pagination-previous></span></a>
  </li>

    <li class="uk-active">
    <a href="/product.html">1</a>
  </li>
    <li class="">
    <a href="/product-2.html">2</a>
  </li>
    <li class="">
    <a href="/product-3.html">3</a>
  </li>
    <li class="">
    <a href="/product-4.html">4</a>
  </li>
    <li class="">
    <a href="/product-5.html">5</a>
  </li>
  
  <li class="">
    <a href="/product-2.html"><span uk-pagination-next></span></a>
  </li>

  <li class="uk-disabled uk-visible@m">
    <span>共 23 页</span>
  </li>
</ul>

</div>



    

    
</div>
</div>

</div>
<footer class="footer">
  <div class="uk-container uk-container-xlarge">
    <div class="uk-grid-match uk-child-width-1-1 uk-child-width-1-2@s uk-child-width-1-4@m uk-grid" uk-grid="">

  <div class="uk-first-column">
  <div class="footer-section">
                                                                                                                                                                        <h3><a href="https://www.boyanzs.com/product.html" title="经典案例">经典案例</a></h3>
                                            <a href="https://www.boyanzs.com/bgkj.html" title="办公空间">办公空间</a>
                                                <a href="https://www.boyanzs.com/jdgy.html" title="酒店公寓">酒店公寓</a>
                                                <a href="https://www.boyanzs.com/cykj.html" title="餐饮空间">餐饮空间</a>
                                                <a href="https://www.boyanzs.com/jypx.html" title="教育培训">教育培训</a>
                                                <a href="https://www.boyanzs.com/ylmr.html" title="医疗美容">医疗美容</a>
                                                <a href="https://www.boyanzs.com/ydjs.html" title="运动健身">运动健身</a>
                                                <a href="https://www.boyanzs.com/tsdp.html" title="特色店铺">特色店铺</a>
                                                <a href="https://www.boyanzs.com/syzt.html" title="商业展厅">商业展厅</a>
                                                <a href="https://www.boyanzs.com/ylxx.html" title="娱乐休闲">娱乐休闲</a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              </div>
</div>


      <div>
        <div class="footer-section">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <h3><a href="https://www.boyanzs.com/news.html" title="新闻动态">新闻动态</a></h3>
                                                                    <a href="https://www.boyanzs.com/znxw.html" title="公司新闻">公司新闻</a>
                                                                        <a href="https://www.boyanzs.com/xyxw.html" title="装修百科">装修百科</a>
                                                                        <a href="https://www.boyanzs.com/xydt26.html" title="行业动态">行业动态</a>
                                                                                                                                                                                                                                                              </div>
      </div>
      

      <div>
        <div class="footer-section">
          <h3>联系我们</h3>
          <p>浙江·杭州·通运路168号南北盛德国际1幢20层</p>
          <p>电话：0571-88984199</p>
                    <p>400电话：400-0571-135</p>
                              <p>邮箱：boyanzs@163.com</p>
        </div>
      </div>
      
            <div>
        <div class="footer-section">
  <h3 class="footer-follow-title">关注我们</h3>

  <div class="footer-follow-grid">

        <div class="footer-follow-item">
      <img class="footer-follow-img" src="/static/upload/2025/12/25/202512251200.jpg" alt="WeChat QR Code">
      <p class="footer-follow-text">微信公众号</p>
    </div>
    
    
        <div class="footer-follow-item">
      <img class="footer-follow-img" src="/static/upload/2025/12/25/202512252025.jpg" alt="DouYin QR Code">
      <p class="footer-follow-text">抖音</p>
    </div>
    
  </div>
        </div>
      </div>
    </div>
  </div>
  

  <div class="uk-container uk-container-xlarge">
    <div class="footer-bottom">
      <div class="uk-grid-small uk-flex-middle uk-flex-between@s uk-grid" uk-grid="">
        <div class="uk-width-auto@s uk-first-column">
          <div class="copyright">
			@2009-2025 博妍装饰  保留所有权利。 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">浙ICP备15018091号</a>            <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33011002017072"
               target="_blank" rel="nofollow noopener">
              <img src="/static/upload/image/gonganbeiab.png" alt="公安备案" />
              <span>浙公网安备：33011002017072号</span>
            </a>

			          </div>
        </div>
        <div class="uk-width-auto@s">
          <div class="footer-extra">
            <div class="footer-link">
              <span class="links-title" style="display: none;">友情链接：</span>
                          </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>





<div class="floating-social-bar">
    <div class="floating-icons">
                    <a href="https://tb.53kf.com/code/client/10169729/2"
               class="social-icon-consult"
               target="_blank"
               rel="nofollow noopener"
               title="Online Support">
              <img src="/static/upload/image/kefu.jpg" alt="咨询博妍">
              <div class="consult-popup">在线咨询</div>
            </a>

        
                <a href="javascript:;" class="social-icon-qr" title="WeChat">
            <i class="fab fa-weixin"></i>
            <div class="qr-popup">
                <img src="/static/upload/2025/12/25/202512251200.jpg" alt="WeChat QR Code">
            </div>
        </a>
        		
                <a href="javascript:;" class="social-icon-qr" title="抖音">
            <i class="fab fa-tiktok"></i>
            <div class="qr-popup">
                <img src="/static/upload/2025/12/25/202512252025.jpg" alt="WeChat QR Code">
            </div>
        </a>
                
    </div>
    <a href="#" class="floating-back-to-top" title="返回顶部"><i class="fas fa-arrow-up"></i></a>

    <button class="floating-close-btn" title="关闭"><i class="fas fa-times"></i></button>
</div>

		<a href="#" id="back-to-top" class="back-to-top">
			<i class="fas fa-arrow-up"></i>
		</a>

<!-- ✅ 底部横条 -->
<div class="floating-bottom-bar" id="floatingBottomBar">
  <div class="bottom-bar-inner">

<div class="bottom-bar-left">
  <img src="/static/upload/image/lou.png" class="bottom-bar-icon" alt="icon">
  <div class="bottom-bar-left-text">
    <div class="bottom-bar-title">获取您的装修报价</div>
    <div class="bottom-bar-subtitle">近1000业主获取装修报价</div>
  </div>

</div>


    <form class="bottom-bar-form message-form" action="/message/index" onsubmit="return checkreg()" method="post">
      <input type="hidden" name="title" value="装修预约">
      <input type="hidden" name="tid" value="12">
      <input type="hidden" name="email" value="">

      <input type="text" name="user" placeholder="您的姓名" required>
      <input type="tel" name="tel" placeholder="您的电话" required>
      <input type="text" name="project_type" placeholder="装修类型" required>
      <input type="number" name="project_area" placeholder="面积㎡" required>

      <button type="submit">获取报价</button>
    </form>

    <div class="bottom-bar-hotline">
      <div class="hotline-label">24小时全国服务热线</div>
      <a href="tel:4000571135" class="hotline-phone">400-0571-135</a>
    </div>

    <!-- ✅ 缩小按钮（X） -->
    <button class="bottom-bar-minimize" id="bottomBarMinimize" title="缩小">×</button>

  </div>
</div>

<div class="bottom-bar-mini-btn vertical" id="bottomBarMiniBtn" title="展开报价">
  <div class="mini-btn-icon-wrap">
    <img src="/static/upload/image/lou.png" class="mini-btn-icon" alt="icon">
  </div>

  <div class="mini-btn-text">
    <span>免费</span>
    <span>获取</span>
    <span>报价</span>
  </div>
</div>




<script>
			
$(function(){
	var browserInfo = detectIE();
	if (!browserInfo.isIE || (browserInfo.isIE && browserInfo.versionNumber > 9)) {
		AOS.init({
				duration: 800,
				offset: 50, 
				once: true,
				disable: false,
		});
	}
})




	</script>

<script>
	function showLoginCountdown(message) {
		let count = 4;
		const notification = UIkit.notification({
			message: message + ' ' + count + '秒后跳转...',
			status: 'warning',
			timeout: 4000,
			pos: 'top-center'
		});
		
		const timer = setInterval(() => {
			count--;
			if (count > 0) {
				notification.message = message + ' ' + count + '秒后跳转...';
			} else {
				clearInterval(timer);
			}
		}, 1000);
		
		return notification;
	}

	function likes(tid,id){
		$.ajax({
				 url:"/user/likesAction",
				 dataType:"json",
				 async:true,
				 data:{tid:tid,id:id,ajax:1},
				 type:"POST",
				 beforeSend:function(){
					},
				 success:function(r){
					if(r.code==0){
						UIkit.notification({
							message: r.msg,
							status: 'success',
							timeout: 2000,
							pos: 'top-center'
						});
						setTimeout(function() {
							location.reload();
						}, 2000);
					}else{
						if(r.code == 1) { // 未登录状态码
							// 使用和头部相同的登录弹窗
							layui.use(['layer', 'form'], function(){
								var layer = layui.layer;
								var form = layui.form;
								
								// 检测是否为移动端
								var isMobile = window.innerWidth <= 768;
								
								var loginIndex = layer.open({
									type: 1,
									title: false,
									closeBtn: 1,
									area: isMobile ? ['100%', '100%'] : ['420px', 'auto'],
									skin: isMobile ? 'layui-layer-login-mobile' : '',
									shade: 0.5,
									shadeClose: true,
									content: $('#loginForm').html(),
									success: function(layero, index) {
										// 重新渲染表单
										form.render();
										
										// 自动填充Cookie中的用户名和密码
										var name = getCookie('jizhi_username');
										var jizhi_login_token = getCookie('jizhi_login_token');
										if(name != null && jizhi_login_token != null){
											layero.find('input[name="tel"]').val(name);
											layero.find('input[name="password"]').val(jizhi_login_token);
										}
										
										// 绑定表单提交事件
										layero.find('form').off('submit').on('submit', function(e) {
											var $form = $(this);
											var $tel = $form.find('input[name="tel"]');
											var $password = $form.find('input[name="password"]');
											var $yzm = $form.find('input[name="vercode"]');
											var $jz_login = $form.find('input[name="jz_login"]');
											var $isremember = $form.find('input[name="isremember"]');
											
											// 验证必填字段
											if($.trim($tel.val())=='' || $.trim($password.val())==''){
												layer.msg('账号密码不能为空~', {icon: 2});
												e.preventDefault();
												return false;
											}
											
											// 验证码验证
											if($yzm.length > 0 && $.trim($yzm.val())==''){
												layer.msg('验证码不能为空~', {icon: 2});
												e.preventDefault();
												return false;
											}
											
											// 处理记住密码
											if($jz_login.is(":checked")){
												$isremember.val(1);
												setCookie('jizhi_username',$tel.val(),7);
												setCookie('jizhi_login_token',$password.val(),7);
											}else{
												$isremember.val(0);
											}
											
											// 密码加密
											$password.val(hex_md5($password.val()));
											
											// 验证通过，直接提交表单
											return true;
										});
									}
								});
							});
						} else {
							UIkit.notification({
								message: r.msg,
								status: 'warning',
								timeout: 3000,
								pos: 'top-center'
							});
						}
					}
				},
				 complete:function(){
				},
				 error:function(){
					UIkit.notification({
						message: '网络错误',
						status: 'danger',
						timeout: 3000,
						pos: 'top-center'
					});
				}
			})
	}
	
	function collect(tid,id){
	$.ajax({
				 url:"/user/collectAction",
				 dataType:"json",
				 async:true,
				 data:{tid:tid,id:id,ajax:1},
				 type:"POST",
				 beforeSend:function(){
					},
				 success:function(r){
					if(r.code==0){
						UIkit.notification({
							message: r.msg,
							status: 'success',
							timeout: 2000,
							pos: 'top-center'
						});
						setTimeout(function() {
							location.reload();
						}, 2000);
					}else{
						if(r.code == 1) { // 未登录状态码
							// 使用和头部相同的登录弹窗
							layui.use(['layer', 'form'], function(){
								var layer = layui.layer;
								var form = layui.form;
								
								// 检测是否为移动端
								var isMobile = window.innerWidth <= 768;
								
								var loginIndex = layer.open({
									type: 1,
									title: false,
									closeBtn: 1,
									area: isMobile ? ['100%', '100%'] : ['420px', 'auto'],
									skin: isMobile ? 'layui-layer-login-mobile' : '',
									shade: 0.5,
									shadeClose: true,
									content: $('#loginForm').html(),
									success: function(layero, index) {
										// 重新渲染表单
										form.render();
										
										// 自动填充Cookie中的用户名和密码
										var name = getCookie('jizhi_username');
										var jizhi_login_token = getCookie('jizhi_login_token');
										if(name != null && jizhi_login_token != null){
											layero.find('input[name="tel"]').val(name);
											layero.find('input[name="password"]').val(jizhi_login_token);
										}
										
										// 绑定表单提交事件
										layero.find('form').off('submit').on('submit', function(e) {
											var $form = $(this);
											var $tel = $form.find('input[name="tel"]');
											var $password = $form.find('input[name="password"]');
											var $yzm = $form.find('input[name="vercode"]');
											var $jz_login = $form.find('input[name="jz_login"]');
											var $isremember = $form.find('input[name="isremember"]');
											
											// 验证必填字段
											if($.trim($tel.val())=='' || $.trim($password.val())==''){
												layer.msg('账号密码不能为空~', {icon: 2});
												e.preventDefault();
												return false;
											}
											
											// 验证码验证
											if($yzm.length > 0 && $.trim($yzm.val())==''){
												layer.msg('验证码不能为空~', {icon: 2});
												e.preventDefault();
												return false;
											}
											
											// 处理记住密码
											if($jz_login.is(":checked")){
												$isremember.val(1);
												setCookie('jizhi_username',$tel.val(),7);
												setCookie('jizhi_login_token',$password.val(),7);
											}else{
												$isremember.val(0);
											}
											
											// 密码加密
											$password.val(hex_md5($password.val()));
											
											// 验证通过，直接提交表单
											return true;
										});
									}
								});
							});
						} else {
							UIkit.notification({
								message: r.msg,
								status: 'warning',
								timeout: 3000,
								pos: 'top-center'
							});
						}
					}
				},
				 complete:function(){
				},
				 error:function(){
					UIkit.notification({
						message: '网络错误',
						status: 'danger',
						timeout: 3000,
						pos: 'top-center'
					});
				}
			})
	}
	
	function mlogin(){
	var user = $("#m-user").val();
	var pass = $("#m-pass").val();
	
	if(user==''){
		UIkit.notification({
			message: '登录账户不能为空！',
			status: 'warning',
			timeout: 3000,
			pos: 'top-center'
		});
		return false;
	}
	if(pass==''){
		UIkit.notification({
			message: '登录密码不能为空！',
			status: 'warning',
			timeout: 3000,
			pos: 'top-center'
		});
		return false;
	}
		var yzm = $("#m-yzm").val();
	if(yzm==''){
		UIkit.notification({
			message: '验证码不能为空！',
			status: 'warning',
			timeout: 3000,
			pos: 'top-center'
		});
		return false;
	}
		
	$.post('/login/index',{tel:user,password:pass,vercode:yzm,ajax:1},function(res){
		if(res.code==0){
			UIkit.notification({
				message: '登录成功！',
				status: 'success',
				timeout: 2000,
				pos: 'top-center'
			});
			setTimeout(function() {
				location.reload();
			}, 2000);
		}else{
			UIkit.notification({
				message: res.msg,
				status: 'warning',
				timeout: 2000,
				pos: 'top-center'
			});
			var img = '/common/vercode?name=login_vercode&'+Math.random();
			$("#login-yzm").attr('src',img);
		}
	},'json')
	
	return false;
	}
	
	function mregister(){
	var tel = $("#r-tel").val();
	var pass = $("#r-pass").val();
	var repass = $("#r-repass").val();
	
	if(tel==''){
		UIkit.notification({
			message: '手机号不能为空！',
			status: 'warning',
			timeout: 3000,
			pos: 'top-center'
		});
		return false;
	}
	if(pass==''){
		UIkit.notification({
			message: '登录密码不能为空！',
			status: 'warning',
			timeout: 3000,
			pos: 'top-center'
		});
		return false;
	}
	if(repass==''){
		UIkit.notification({
			message: '重复密码不能为空！',
			status: 'warning',
			timeout: 3000,
			pos: 'top-center'
		});
		return false;
	}
	if(pass!=repass){
		UIkit.notification({
			message: '两次密码不同！',
			status: 'warning',
			timeout: 3000,
			pos: 'top-center'
		});
		return false;
	}
		var yzm = $("#r-yzm").val();
	if(yzm==''){
		UIkit.notification({
			message: '验证码不能为空！',
			status: 'warning',
			timeout: 3000,
			pos: 'top-center'
		});
		return false;
	}
		
	$.post('/login/register',{tel:tel,repassword:repass,password:pass,vercode:yzm,ajax:1,autologin:1},function(res){
		if(res.code==0){
			UIkit.notification({
				message: res.msg,
				status: 'success',
				timeout: 2000,
				pos: 'top-center'
			});
			setTimeout(function() {
				window.location.href=res.url;
			}, 2000);
		}else{
			UIkit.notification({
				message: res.msg,
				status: 'warning',
				timeout: 2000,
				pos: 'top-center'
			});
			var img = '/common/vercode?name=reg_vercode&'+Math.random();
			$("#register-yzm").attr('src',img);
		}
	},'json')
	
	return false;
	}
	
	function sendmsg(){
	var star = $("#star").val();
	var tid = $("#tid").val();
	var aid = $("#aid").val();
	var zid = $("#zid").val();
	var pid = $("#pid").val();
	var content = $("#content").val();
	if(content==''){
		UIkit.notification({
			message: '评论内容不能为空！',
			status: 'warning',
			timeout: 3000,
			pos: 'top-center'
		});
		return false;
	}
	$.post('/comment/index',{star:star,tid:tid,aid:aid,zid:zid,pid:pid,body:content,ajax:1,go:1},function(res){
		if(res.code==0){
			UIkit.notification({
				message: res.msg,
				status: 'success',
				timeout: 2000,
				pos: 'top-center'
			});
			setTimeout(function() {
				location.reload();
			}, 2000);
		}else{
			UIkit.notification({
				message: res.msg,
				status: 'warning',
				timeout: 2000,
				pos: 'top-center'
			});
		}
	},'json');
	
	return false;
	}
	
	function reply(pid,username,zid){
	$("#zid").val(zid);
	$("#pid").val(pid);
	$("#content").val('[@'+username+']');
	$("#content").focus();
	}
	
	var page; 
	if(undefined == page){ 
	page = 1;
	} 
	
	function getmessagelist(tid,aid,page){
	$.ajax({
		 url:"/comment/getlist",
		 dataType:"json",
		 data:{tid:tid,aid:aid,page:page,limit:10},
		 async:true,
		 type:"GET",
		 success:function(r){
			if(r.code==0){
				var len = r.data.list.length;
				var html = '';
				if(len>0){
					for(var i=0;i<len;i++){
						var rdata = r.data.list[i];
						html+='<li class="comment">'+
							  '<div class="comment-2">'+
								'<div class="comment-author-info">'+
								  '<div class="comment-author vcard">'+
									'<img alt="'+rdata.user.username+'" src="'+rdata.user.litpic+'" onerror="this.src=\'/static/mb1017/static/picture/comments-3.png\'" />'+
								  '</div>'+
								  '<div class="comment-content">'+
									'<div class="meta">'+
									  '<div class="comment-content-top">'+
										'<div class="comment-actions">'+
										  '<h6 class="fn">'+rdata.user.username+'</h6>'+
										  '<span class="time">'+rdata.addtime+'</span>'+
										'</div>'+
									  '</div>'+
									  '<a class="comment-reply-link" onclick="reply('+rdata.id+',\''+rdata.user.username+'\','+rdata.id+')"><i class="icofont-reply"></i> 回复</a>'+
									'</div>'+
								  '</div>'+
								'</div>'+
								'<div class="comment-text">'+
								  '<p>'+rdata.body+
								  '</p>'+
								'</div>'+
							  '</div>';
						var llen = rdata.children.length;
						if(llen>0){
							html+='<ol class="children">';
							for(var j=0;j<llen;j++){
								var rrdata = rdata.children[j];
								html+='<li class="comment">'+
							  '<div class="comment-2">'+
								'<div class="comment-author-info">'+
								  '<div class="comment-author vcard">'+
									'<img alt="'+rrdata.user.username+'" src="'+rrdata.user.litpic+'" onerror="this.src=\'/static/mb1017/static/picture/comments-3.png\'" />'+
								  '</div>'+
								  '<div class="comment-content">'+
									'<div class="meta">'+
									  '<div class="comment-content-top">'+
										'<div class="comment-actions">'+
										  '<h6 class="fn">'+rrdata.user.username+'</h6>'+
										  '<span class="time">'+rrdata.addtime+'</span>'+
										'</div>'+
									  '</div>'+
									  '<a class="comment-reply-link" onclick="reply('+rrdata.id+',\''+rrdata.user.username+'\','+rdata.id+')"><i class="icofont-reply"></i> 回复</a>'+
									'</div>'+
								  '</div>'+
								'</div>'+
								'<div class="comment-text">'+
								  '<p>'+rrdata.body+
								  '</p>'+
								'</div>'+
							  '</div>';
							}
							html+='</ol>';
						}
						html+='</li>';
					}
	
					$("#jz_comment_list").html(html);
				}else{
					var page = r.data.allpage;
					//layer.msg('没有了',{icon:6,time:1000});
				}
				
				$("#jz_comment_num").html(r.data.count);
				var allpage = parseInt(r.data.allpage);
				if(allpage>1){
					$(".comment-page-bar").show();
				}else{
					$(".comment-page-bar").hide();
				}
				
			}
		 }
	})
	}
	
	function nextmessagelist(){
	page++;
	var tid = $("#tid").val();
	var aid = $("#aid").val();
	getmessagelist(tid,aid,page)
	}
	
	function prevmessagelist(){
	page = page-1;
	page = page<0 ? 1 : page;
	var tid = $("#tid").val();
	var aid = $("#aid").val();
	getmessagelist(tid,aid,page)
	}
	
	function addcart(tid,id,num){
	$.ajax({
		 url:"/user/addcart",
		 dataType:"json",
		 async:true,
		 data:{tid:tid,id:id,num:num,ajax:1},
		 type:"POST",
		 beforeSend:function(){
			},
			 success:function(r){
				if(r.code==0){
					window.location.href=r.url;
				}else{
					if(r.code == 1) { // 未登录状态码
						// 使用和头部相同的登录弹窗
						layui.use(['layer', 'form'], function(){
							var layer = layui.layer;
							var form = layui.form;
							
							// 检测是否为移动端
							var isMobile = window.innerWidth <= 768;
							
							var loginIndex = layer.open({
								type: 1,
								title: false,
								closeBtn: 1,
								area: isMobile ? ['100%', '100%'] : ['420px', 'auto'],
								skin: isMobile ? 'layui-layer-login-mobile' : '',
								shade: 0.5,
								shadeClose: true,
								content: $('#loginForm').html(),
								success: function(layero, index) {
									// 重新渲染表单
									form.render();
									
									// 自动填充Cookie中的用户名和密码
									var name = getCookie('jizhi_username');
									var jizhi_login_token = getCookie('jizhi_login_token');
									if(name != null && jizhi_login_token != null){
										layero.find('input[name="tel"]').val(name);
										layero.find('input[name="password"]').val(jizhi_login_token);
									}
									
									// 绑定表单提交事件
									layero.find('form').off('submit').on('submit', function(e) {
										var $form = $(this);
										var $tel = $form.find('input[name="tel"]');
										var $password = $form.find('input[name="password"]');
										var $yzm = $form.find('input[name="vercode"]');
										var $jz_login = $form.find('input[name="jz_login"]');
										var $isremember = $form.find('input[name="isremember"]');
										
										// 验证必填字段
										if($.trim($tel.val())=='' || $.trim($password.val())==''){
											layer.msg('账号密码不能为空~', {icon: 2});
											e.preventDefault();
											return false;
										}
										
										// 验证码验证
										if($yzm.length > 0 && $.trim($yzm.val())==''){
											layer.msg('验证码不能为空~', {icon: 2});
											e.preventDefault();
											return false;
										}
										
										// 处理记住密码
										if($jz_login.is(":checked")){
											$isremember.val(1);
											setCookie('jizhi_username',$tel.val(),7);
											setCookie('jizhi_login_token',$password.val(),7);
										}else{
											$isremember.val(0);
										}
										
										// 密码加密
										$password.val(hex_md5($password.val()));
										
										// 验证通过，直接提交表单
										return true;
									});
								}
							});
						});
					} else {
						UIkit.notification({
							message: r.msg,
							status: 'warning',
							timeout: 3000,
							pos: 'top-center'
						});
						setTimeout(function(){
							window.location.href='/user/addcart';
						}, 3000);
					}
				}
			},
			 complete:function(){
			},
			 error:function(){
				UIkit.notification({
					message: '网络错误',
					status: 'danger',
					timeout: 3000,
					pos: 'top-center'
				});
			}
	})
	}
	$(function(){
	
	var interval =  setInterval(function(){
	$.ajax({
		 url:"/common/updateactive",
		 dataType:"json",
		 async:true,
		 type:"GET",
		 success:function(r){
		 }
	})
	},30000);
	var interval2 =  setInterval(function(){
	$.ajax({
		 url:"/user/getmsg",
		 async:true,
		 type:"GET",
		 success:function(r){
			var n = parseInt(r);
			if(n>0){
			$("#notifiy-icon").addClass('new-notification')
			}else{
			$("#notifiy-icon").removeClass('new-notification')
			}
			$("#notifiy-num").html(n);
			
		 }
	})
	},30000);
	
	
	})
	</script>

<script>

if (typeof window !== 'undefined') {
  document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.floating-back-to-top').forEach(function(btn){
        btn.addEventListener('click', function(e){
            e.preventDefault();
            window.scrollTo({top:0, behavior:'smooth'});
        });
    });
  });
}
</script>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const hero = document.querySelector(".about-hero-section");
  if (!hero) return;

  const bg = getComputedStyle(hero).backgroundImage;

  if (bg && bg !== "none") {
    hero.style.setProperty("--hero-bg", bg);

    // ✅ 不要用 background:none（会把位置/size等都清掉）
    hero.style.backgroundImage = "none";
  }

  const animations = [
    "hero-fade",
    "hero-zoom",
    "hero-zoom-rotate",
    "hero-slide-left",
    "hero-flip-3d"
  ];

  const easings = [
    "cubic-bezier(0.22, 1, 0.36, 1)",
    "cubic-bezier(0.16, 1, 0.3, 1)",
    "cubic-bezier(.25,.1,.25,1)",
    "cubic-bezier(0.34, 1.56, 0.64, 1)"
  ];

  let last = null;
  function pick(arr, lastVal) {
    let v;
    do { v = arr[Math.floor(Math.random() * arr.length)]; }
    while (v === lastVal && arr.length > 1);
    return v;
  }

  function clearClasses() {
    hero.classList.remove("hero-bg-animate", "hero-kenburns", "hero-in");
    animations.forEach(c => hero.classList.remove(c));
  }

  function play() {
    clearClasses();
    void hero.offsetWidth;

    const cls = pick(animations, last);
    last = cls;

    hero.style.setProperty("--hero-duration", (Math.random()*0.7 + 1.1).toFixed(2) + "s");
    hero.style.setProperty("--hero-ease", pick(easings));

    hero.classList.add("hero-bg-animate", cls);
    hero.classList.add("hero-in");

    setTimeout(() => hero.classList.add("hero-kenburns"), 250);
    setTimeout(play, 5200);
  }

  play();
});
</script>

<script>
document.addEventListener("DOMContentLoaded", function () {

  const bar = document.getElementById("floatingBottomBar");
  const minimizeBtn = document.getElementById("bottomBarMinimize");
  const miniBtn = document.getElementById("bottomBarMiniBtn");

  if (!bar || !minimizeBtn || !miniBtn) return;

  if (localStorage.getItem("bottomBarMinimized") === "1") {
    bar.classList.add("is-minimized");
    miniBtn.style.display = "flex";
  }


  minimizeBtn.addEventListener("click", function () {
    bar.classList.add("is-minimized");
    miniBtn.style.display = "flex";
    localStorage.setItem("bottomBarMinimized", "1");
  });


  miniBtn.addEventListener("click", function () {
    bar.classList.remove("is-minimized");
    miniBtn.style.display = "none";
    localStorage.setItem("bottomBarMinimized", "0");
  });

  const form = bar.querySelector(".bottom-bar-form");
  if (form) {
    form.addEventListener("submit", function () {
      this.body.value =
        "装修类型：" + this.project_type.value + "\n" +
        "项目面积：" + this.project_area.value + "㎡";
    });
  }

});
</script>

<script>
document.querySelectorAll('.dropdown').forEach(function(drop){
  drop.addEventListener('click', function(e){
    e.stopPropagation();
    document.querySelectorAll('.dropdown').forEach(function(d){
      if(d !== drop) d.classList.remove('open');
    });
    drop.classList.toggle('open');
  });
});

document.addEventListener('click', function(){
  document.querySelectorAll('.dropdown').forEach(function(d){
    d.classList.remove('open');
  });
});
</script>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const mobileNav = document.querySelector(".mobile-nav");
  const overlay = document.querySelector(".mobile-nav-overlay");
  const closeBtn = document.querySelector(".mobile-nav-close");
  function closeMobileNav(){
    if(mobileNav) mobileNav.classList.remove("active");
    if(overlay) overlay.classList.remove("active");
    document.querySelectorAll(".mobile-nav-item.open").forEach(item=>{
      item.classList.remove("open");
    });
  }
  if(closeBtn){
    closeBtn.addEventListener("click", function(e){
      e.preventDefault();
      closeMobileNav();
    });
  }
  if(overlay){
    overlay.addEventListener("click", closeMobileNav);
  }
  document.querySelectorAll(".mobile-nav-toggle").forEach(function(toggle){
    toggle.addEventListener("click", function(e){
      e.preventDefault();
      e.stopPropagation();

      const item = this.closest(".mobile-nav-item");
      if(!item) return;
      document.querySelectorAll(".mobile-nav-item.open").forEach(function(other){
        if(other !== item){
          other.classList.remove("open");
        }
      });
      item.classList.toggle("open");
    });
  });


});
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
  const tabs = document.querySelectorAll(".news-tabs .news-tab");
  const panels = document.querySelectorAll(".news-tabs .news-panel");
  tabs.forEach(tab => {
    tab.addEventListener("click", function () {
      const targetId = tab.getAttribute("data-tab");
      tabs.forEach(t => {
        t.classList.remove("is-active");
        t.setAttribute("aria-selected", "false");
      });
      tab.classList.add("is-active");
      tab.setAttribute("aria-selected", "true");
      panels.forEach(panel => {
        panel.classList.remove("is-active");
        panel.setAttribute("hidden", "");
      });
      const targetPanel = document.getElementById(targetId);
      if (targetPanel) {
        targetPanel.classList.add("is-active");
        targetPanel.removeAttribute("hidden");
      }
    });
  });
});
</script>



      </body>
</html>
